<%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%>
<%@ taglib prefix="c" uri="http://java.sun.com/jstl/core_rt" %>
<%@ taglib prefix="fmt" uri="http://java.sun.com/jsp/jstl/fmt" %>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
	<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
	<meta http-equiv="x-ua-compatible" content="ie=7">
	<title>淘宝活动商品详情</title>
	<link href="/resource/style/xpdd/front/css/base.css" rel="stylesheet" />
	<script src="/resource/style/common/lib/jquery-1.5.1.min.js"></script>
	<script src="/resource/js/actjson.js"></script>
	<script src="/resource/style/xpdd/front/lib/play.js"></script>

	<style type="text/css">
		.modal {
			display: none;
			position: absolute;
			top: 0%;
			left: 0%;
			width: 100%;
			height: 100%;
			background-color: black;
			z-index:1001;
			-moz-opacity: 0.5;
			opacity:.50;
			filter: alpha(opacity=50);
			text-align: center;
		}
		
		.modal span{
			position:absolute;
			left:45%;
			top:40%;
		}
		
		.modal span img{
			vertical-align: middle;
		}
	</style>
	
</head>
<body>
	<div class="modal">
		<span><img src="/resource/style/common/nyroModal/img/loading_48x47.gif" /></span>
	</div>
	
	<script>
		var site = {};
	
		site.openOverlay = function(){
			jQuery(".modal").css("display", "block");
		};
	
		site.closeOverlay = function(){
			jQuery(".modal").css("display", "none");
		};
	</script>

<div class="wrap">
<div class="header">
<div class="endtime">宝贝参与活动时间还剩
<input type="text" value="${rday }" readonly="readonly" />
天
<input type="text" value="${rhour }" readonly="readonly" />
小时
<input type="text" value="${rminute }" readonly="readonly" />
分</div>
<ul class="list_text">
<li><a href="javascript:void(0)" title="活动公告" onclick="document.getElementById('showWindow2').style.display='';">活动公告</a></li>
<li><a href="javascript:void(0)" title="活动规则" onclick="document.getElementById('showWindow4').style.display='';">活动规则</a></li>
<li><a href="javascript:void(0)" title="活动协议" onclick="document.getElementById('showWindow3').style.display='';">活动协议</a></li>
<li><a href="javascript:void(0)" title="收藏" onclick="favorite();">收藏</a></li>
</ul>
</div>
<div class="container">
<div class="container_inwrap">
<input id="dItem" type="hidden" value="${item.code}" />
<input id="dItemName" type="hidden" value="${item.name}" />
<dl class="goods_detail">
<dt><a href="${item.detailUrl }" title="商品名称" target="_blank"><img src="${item.picUrl}" alt="商品名称" width="96px;" height="130px;" /></a></dt>
<dd class="goods_name">${item.name}</dd>
<dd class="marked_price">￥${item.price}</dd>
</dl>
<div class="tip_text_smile" id="babyboss" >
	<textarea id="dialogue" readonly="readonly">欢迎光临，请您出价！</textarea>
</div>
<ul class="form_area">
<li class="price_area">
<label for="price">价格</label>
<input type="text" id="dBid" value="" name="dBid" onkeyup="value=value.replace(/[^\d]/g,'')" onbeforepaste="clipboardData.setData('text',clipboardData.getData('text').replace(/[^\d]/g,''))" maxlength="9" />
</li>
<li class="select_area">
<label>出招</label>
<div>
<input type="radio" name="dPlan" value="1" checked="checked" onclick='$("#linkBid").removeAttr("disabled");' />
欲擒故纵</div>
<div>
<input type="radio" name="dPlan" value="2" onclick='$("#linkBid").removeAttr("disabled");' />
破釜成舟</div>
<div>
<input type="radio" name="dPlan" value="3" onclick='$("#linkBid").removeAttr("disabled");' />
苦肉计</div>
<div>
<input type="radio" name="dPlan" value="4" onclick='$("#linkBid").removeAttr("disabled");' />
走为上计</div>
</li>
<li class="btn_area"> <a href="javascript:void(0)" onclick="bid(); this.disabled = true;" id="linkBid" title="出价">出价</a> <a href="javascript:void(0)" onclick="deal();" title="成交">成交</a> </li>
</ul>
<div class="btn_right"> 
<a href="javascript:void(0)" onclick="document.getElementById('showWindow').style.display='';" title="偷听">偷听</a>
<a href="javascript:void(0)"onclick="document.getElementById('showHelpWindow').style.display='';" title="帮忙">帮忙</a><br />
<a href="javascript: void(0)" onclick="history.go(-1);" title="返回">返回</a> </div>
</div>
</div>
<div class="footer">
<p class="infor">最新消息： 血拼到底公开试用，欢迎大家提出宝贵意见。</p>
<div class="link_text"> <a href="http://weibo.com/2254679930" title="官方微博" target="_balnk">官方微博</a> <a href="http://bangpai.taobao.com/" title="官方帮派" target="_balnk">官方帮派</a> </div>
</div>
</div>

<!--以下是弹出窗口内容--> 

<!--偷听弹出窗口-->
<div id="showWindow" style="display:none;" class="window_wrap"> <a href="javascript:void(0)" title="偷听" class="close" onclick="document.getElementById('showWindow').style.display='none';">关闭</a>
<h3 class="title">出价记录</h3>
<div class="content">
<table class="record">
<tr>
<th>昵称</th>
<th>出价</th>
<th>报价</th>
</tr>
<c:forEach items="${bidList }" var="tempBid">
<tr>
<td>${tempBid.nick }</td>
<td>${tempBid.bid }</td>
<td>${tempBid.returnPrice }</td>
</tr>
</c:forEach>
</table>
</div>
<div class="bottom"><a href="javascript:void(0)" title="确定" onclick="document.getElementById('showWindow').style.display='none';">确定</a></div>
</div>

<!--帮忙弹出窗口-->
<div id="showHelpWindow" style="display:none;" class="window_wrap"> <a href="javascript:void(0)" title="帮忙" class="close" onclick="document.getElementById('showHelpWindow').style.display='none';">关闭</a>
<h3 class="title">帮忙</h3>
<div class="content">
	<p>对价格不满意吗？赶快找人来试试吧。</p>
</div>
<div class="bottom"><a href="javascript:void(0)" title="确定" onclick="document.getElementById('showHelpWindow').style.display='none';">确定</a></div>
</div>

<!--活动公告弹出窗口-->
<div id="showWindow2" style="display:none;" class="window_wrap"> <a href="javascript:void(0)" title="活动公告" class="close" onclick="document.getElementById('showWindow2').style.display='none';">关闭</a>
<h3 class="title">活动公告</h3>
<div class="content">${front.note }</div>
<div class="bottom"><a href="javascript:void(0)" title="确定" onclick="document.getElementById('showWindow2').style.display='none';">确定</a></div>
</div>

<!--活动协议弹出窗口-->
<div id="showWindow3" style="display:none;" class="window_wrap"> <a href="javascript:void(0)" title="活动协议" class="close" onclick="document.getElementById('showWindow3').style.display='none';">关闭</a>
<h3 class="title">活动协议</h3>
<div class="content">
	<p>1. “血拼到底”一款淘宝第三方购物互动插件。</p>
	<p>2. 淘宝注册用户即可参加。</p>
	<p>3. 不会对消费者产生任何费用。</p>
	<p>4. 活动产生交易行为，属于店铺和消费者之间的交易，与本插件无关。</p>
</div>
<div class="bottom"><a href="javascript:void(0)" title="确定" onclick="document.getElementById('showWindow3').style.display='none';">确定</a></div>
</div>

<!--活动规则弹出窗口-->
<div id="showWindow4" style="display:none;" class="window_wrap"> <a href="javascript:void(0)" title="活动规则" class="close" onclick="document.getElementById('showWindow4').style.display='none';">关闭</a>
<h3 class="title">活动规则</h3>
<div class="content">
	<p>1. 看中宝贝，点击“砍价”。</p>
	<p>2. 输入价格，选取策略，点击“出价”。</p>
	<p>3. 若觉得价格合适，即可点击“成交”。</p>
	<p>4. 每个用户，每种商品均只能“成交”一次。</p>
</div>
<div class="bottom"><a href="javascript:void(0)" title="确定" onclick="document.getElementById('showWindow4').style.display='none';">确定</a></div>
</div>

<!--返回信息弹出窗口-->
<div id="showWindow5" style="display:none;" class="window_wrap"> <a href="javascript:void(0)" title="活动公告" class="close" onclick="document.getElementById('showWindow5').style.display='none';">关闭</a>
<div class="content">
<h3 class="return_infor" id="errorMessage">${front.error }</h3>
</div>
<div class="bottom"><a href="javascript:void(0)" title="确定" onclick="document.getElementById('showWindow5').style.display='none';">确定</a></div>
</div>
</body>
</html>
